@mixin border-top {
    position: relative;
    &::before{
       content: " ";
       position: absolute;
       left: 0;
       top: 0;
       right: 0;
       height: 1px;
       border-top: 1px solid #ededed;
       color: #ededed;
       transform-origin: 0 0;
       transform: scaleY(.5); 
    }
};

@mixin border-bottom {
    position: relative;
    &::after{
       content: " ";
       position: absolute;
       left: 0;
       top: 0;
       right: 0;
       height: 1px;
       border-bottom: 1px solid #9b9b9b;
       color: #9b9b9b;
       transform-origin: 0 0;
       transform: scaleY(.5); 
    }
};

@mixin clearfix {
    &:after{
        content: "";
        clear: both;
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        font-size: 1px;
    }
}
